@font-face {
    font-family: 'Urbanist';
    src: url('../Css/fonts/Urbanist-Bold.eot');
    src: url('../Css/fonts/Urbanist-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Css/fonts/Urbanist-Bold.woff') format('woff'),
        url('../Css/fonts/Urbanist-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../Css/fonts/Urbanist-Medium.eot');
    src: url('../Css/fonts/Urbanist-Medium.eot?#iefix') format('embedded-opentype'),
        url('../Css/fonts/Urbanist-Medium.woff') format('woff'),
        url('../Css/fonts/Urbanist-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../Css/fonts/Urbanist-Regular.eot');
    src: url('../Css/fonts/Urbanist-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Css/fonts/Urbanist-Regular.woff') format('woff'),
        url('../Css/fonts/Urbanist-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../Css/fonts/Urbanist-SemiBold.eot');
    src: url('../Css/fonts/Urbanist-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../Css/fonts/Urbanist-SemiBold.woff') format('woff'),
        url('../Css/fonts/Urbanist-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


body,
html {
	/* font-family: "Nunito Sans", Roboto, sans-serif !important; */
	font-family: "Urbanist",Nunito Sans, Roboto, sans-serif !important;
}

.aside.aside-default {
	background: #2b3934 !important;
	border-right: 1px solid #e6e4e4 !important;
	padding: 0 !important;
	border-left: 6px solid #2b3934;
	background: #e8e9e8 !important;
}

.aside .menu .menu-fit {
	padding: 0px 17px 0px 17px !important;
}

.logo-default {
	display: none !important;
}

.header {
	background: white !important;
	border-radius: 1.5rem 1.5rem 0 0 !important;
}

.content {
	border-radius: 0 0 1.5rem 1.5rem !important;
	background: #fff !important;
}

.card.shadow-sm {
	box-shadow: none !important;
	border: 1px solid #f0f1f2;
}

a {
	color: #006cff !important;
	text-decoration: none;
}

.btn.btn-icon .material-icons {
	color: #333
}

.btn.btn-icon .material-icons::before {
	content: "";
	position: absolute;
	background: transparent !important;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	z-index: -1;
	margin-left: 16px;
	margin-top: 14px;
}

.aside .menu .menu-title,
.aside .menu .material-icons.material-icons-style {
	color: #fff7d6 !important;
	font-weight: 500;
	color: #2b3934 !important;
}

.material-icons {
	font-size: 20px;
	font-weight: 300
}


.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title,
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style,
.menu-state-icon-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style {
	color: #ffbd00 !important
}

.logo-minimize {
	display: none !important;
}

.btn.btn-primary {
	color: #fff;
	border-color: green !important;
	background-color: green !important;
}

.btn-check:active + .btn.btn-active-primary,
.btn-check:checked + .btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active:not(.btn-active),
.btn.btn-active-primary:focus:not(.btn-active),
.btn.btn-active-primary:hover:not(.btn-active),
.show > .btn.btn-active-primary {
	background-color: #006cff !important;
}

.menu-sub.menu-sub-accordion.menu-active-bg.show .menu-item {
	margin-bottom: 0 !important;
}

div:hover,
html:hover,
ol:hover,
pre:hover,
span:hover,
table:hover,
ul:hover {
	scrollbar-color: #524f64 transparent !important;
}


.aside-footer .menu-link {
	padding-top: 5px;
}

.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link {
	padding-left: 1rem;
	padding-right: 1rem;
}

.menu-item.menu-accordion:hover {
	border-radius: 4px;
	color: #fff !important;
}

.menu-item .menu-link {
	padding: 10px !important;
}

.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link {	
	padding-left: 0 !important;
	padding-right: 0;
}

#mobileAxAppLogo h3.divTitle {
	font-size: 19px !important;
	overflow: hidden !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 40px;
	display: block !important;
	transition: all ease 0.3s;
}

#drag-point {
	background: #f1f1f1;
	padding: 4px;
	margin-top: 5% !important;
	height: 68vh !important;
	margin-bottom: -51px !important;
}

#globalSearchinp {
	border: 1px solid #eeeeef;
	padding-left: 3rem !important;
	border-radius: 27px !important;
	box-shadow: 0 2px 4px 3px #cccccc2e !important;
}

.menu-fit > .menu-item > .menu-content,
.menu-fit > .menu-item > .menu-link {
	padding-left: 8PX !important;
	padding-right: 15PX !important;
}

.menu-item.menu-accordion.hover.show {
	background: #f1f4fa;
	border-radius: 8px;
}

.header .header-right-icons .btn.btn-icon {
	border: 1px solid #eeeeef !important;
}

.header .header-right-icons .btn.btn-dark {
	border: 0 !important;
}

.material-icons.material-icons-primary.material-icons-style {
	color: #0774fe;
}

.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
	color: #0774fe;
	border-color: #f1faff;
	background-color: #0774fe14;
}

.user-profile-dropmenu a.menu-link,
.user-profile-dropmenu .menu-link .menu-title {
	color: #52575c !important;
}

.profile-menu {
	background: #2b3934 !important;
}

	.profile-menu:hover .material-icons {
		background: #2c4e9f !important;
		color: white !important;
	}

	.profile-menu .material-icons {
		color: white !important;
	}

.bg-primary {
	background-color: #0774fe !important;
}

.form-check.form-check-solid .form-check-input:checked {
	background-color: #0774fe !important;
}

.btn-check:active + .btn.btn-active-light-primary .material-icons.material-icons-style,
.btn-check:checked + .btn.btn-active-light-primary .material-icons.material-icons-style,
.btn.btn-active-light-primary.active .material-icons.material-icons-style,
.btn.btn-active-light-primary.show .material-icons.material-icons-style,
.btn.btn-active-light-primary:active:not(.btn-active) .material-icons.material-icons-style,
.btn.btn-active-light-primary:focus:not(.btn-active) .material-icons.material-icons-style,
.btn.btn-active-light-primary:hover:not(.btn-active) .material-icons.material-icons-style,
.show > .btn.btn-active-light-primary .material-icons.material-icons-style {
	color: #0774fe !important;
}

.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style,
.menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style {
	color: #333 !important;
	font-weight: 500;
}

.aside .menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.aside .menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style,
.aside .menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.aside .menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style {
	color: #ffbc20 !important;
}

.aside .menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
	color: white !important;
}

#kt_aside_footer .menu-title.poweredBy {
	font-size: 14px !important;
	font-weight: normal !important;
	position: relative;
	top: -19px;
	left: 29px;
	width: fit-content;
	white-space: nowrap;
	letter-spacing: 1px;
}

.toggle-btn.btn.btn-icon .material-icons::before {
	background: transparent;
}

.toggle-btn .material-icons {
	color: #fff !important;
	text-align: left !important;
}

.toggle-btn.btn.btn-icon {
	justify-content: start;
	padding: 10px 31px 5px 12px !important;
	border-radius: 0 !important;
	margin-left: 1px;
}

	.toggle-btn.btn.btn-icon:hover {
		background: #1f7dfe;
	}

#webAxAppLogo {
	display: none;
}
#Back-Btn {
	background: #fff !important;
	color: #333;
	box-shadow: none !important;
	border-radius: 5px;
	padding: 9px 0 7px 7px !important;
	height: 22px !important;
	/* border: 1px solid #ececec; */
	transition: all ease 0.3s;
	margin-left: -32px;
	margin-top: -60px !important;
}
	#Back-Btn i {
		transition: all ease 0.3s;
	}

	#Back-Btn:hover i {
		position: relative;
		left: -5px;
	}

	#Back-Btn .material-icons {
		font-size: 16px !important;
	}

		#Back-Btn .material-icons::before {
			background: transparent !important;
		}

	#Back-Btn:hover {
		color: #006cff !important;
		border-color: #006cff !important;
	}

.aside {
	padding: 0 30px;
	width: 300px;
	transition: width .3s ease;
	background: red !important;
}

.header .container-fluid {
	padding-left: 5px;
}

.form-control:focus {
	border-color: #006cff !important;
	box-shadow: rgba(2, 106, 248, 0.1) 0px 4px 12px !important;
}

#kt_header_search .btn-flush .material-icons {
	margin-right: 11px !important;
	color: red;
}

table thead tr th {
	vertical-align: middle;
}

.menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link {
	padding-left: calc(2.5rem + 1rem) !important;
}

@media (min-width: 992px) {
	.aside-fixed .wrapper {
		transition: padding-left .3s ease;
		/* padding-left: 300px; */
	}

	.aside-fixed .wrapper.menu-toggled {
		transition: padding-left .3s ease;
		padding-left: 300px;
	}

	[data-kt-aside-minimize="on"] .aside.aside-hoverable:hover {
		transition: width .3s ease;
		/* width: 90px; */
		width: 300px;
		box-shadow: 5px 0 10px rgba(70, 78, 95, .05);
		/* white-space: nowrap; */
	}


	.splitter-wrapper,
	.panel-left-inner {
		height: 98.5% !important;
	}

	.hover-scroll-y {
		overflow-y: hidden;
		border-right: 0 !important;
		/* margin-right: -18px !important; */
		margin-right: 2px !important;
	}

	.hover-scroll-x:hover {
		overflow-x: unset !important;
	}
}

@media (max-width: 767.98px) {

	#mobileAxAppLogo h3.divTitle {
		display: none !important;
	}
}

.toggle-btn.btn.btn-icon {
	position: absolute;
	z-index: 99;
	width: 90px;
	text-align: center !important;
	left: -1px;
}

	.toggle-btn.btn.btn-icon .material-icons {
		position: relative;
		left: 18px;
		color: #ffbc20 !important;
	}

	.toggle-btn.btn.btn-icon:hover .material-icons {
		color: #fff !important;
	}


.buz-logo {
	display: none;
}

.buz-icon {
	margin-left: 20px;
	position: relative;
	top: -6px;
}

.buz-logo.menu-toggled,
.menu-toggled .buz-logo {
	display: block;
}

#Language .menu.menu-sub.menu-sub-dropdown .menu-link {
	padding: 10px 15px !important;
	color: #333 !important;
}

	#Language .menu.menu-sub.menu-sub-dropdown .menu-link:hover {
		background: #d2e4fd2b !important;
	}

#MainPage-breadcrumb-panel {
	margin-top: -18px;
	margin-left: -14px;
}

.MainPage-breadcrumb-panel-wrap {
	position: absolute;
	margin-top: -30px;
	z-index: 9;
	background: #fff !important;
	padding: 15px;
	height: 0;
}

.selected-badge {
	margin-right: 12px;
}

#customCompanyLogo {
	margin-right: 15px;
	padding: 4px;
	max-width: 100%;
}
#mobileAxAppLogo h3.divTitle:first-letter {
	text-transform: capitalize;
}

.menuhighlighted .menu-link span.menu-title,
.menuhighlighted .menu-link .menu-icon .material-icons {
	color: #ffbc20 !important;
}

.aside .menu .menu-active .material-icons.material-icons-style {
	color: #FFBC20 !important;
}

.aside .menu .menu-active .menu-title {
	color: #fff !important;
}

.AXP {
	font-weight: bold;
	color: #ee7f30;
}

.aside .menu-state-primary .menu-item.menu-active .menu-link:hover:not(.disabled):not(.active) .menu-title,
.aside .menu-state-primary .menu-item.menu-active .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons {
	color: #FFBC20 !important;
	cursor: text;
}

.aside .menu .menu-active .menu-title::after {
	content: "";
	width: 6px;
	height: 6px;
	background: #ffbc20;
	border-radius: 50px;
	margin-left: 9px;
}

.AXP sup {
	font-weight: normal;
	font-size: 14px;
}

#Language .menu-state-primary .menu-item .menu-link.active {
	background: #1e1e2c !important;
	color: #ffbc20 !important;
	border-radius: 7px !important;
}

	#Language .menu-state-primary .menu-item .menu-link.active:hover,
	#Language .menu-state-primary .menu-item .menu-link:hover {
		background: #1e1e2c !important;
	}

#ProfileDropdown .menu-item {
	border-bottom: 1px dashed #eeeeef;
}

#ProfileDropdown .separator {
	display: none;
}

#ProfileDropdown .menu-item:last-child {
	border-bottom: 0;
}

.aside-menu.flex-column-fluid {
	height: calc(100% - 80px)
}

.menu.menu-column.menu-fit {
	height: calc(100% - 55px);
}


::-webkit-scrollbar {
	width: 0px;
}

#LeftMenu {
	position: fixed;
	z-index: 999;
	top: 0;
}

.header.initialized {
	background: white !important;
	border-radius: 0 !important;
	overflow-x: hidden;
	transition: all .3s ease !important;
	padding-left: 15px !important;
}

.aside-fixed[data-kt-sticky-header="on"][data-kt-aside-minimize="on"] .header {
	/*	left: 90px !important;*/
	transition: all .3s ease;
}

.aside-fixed[data-kt-sticky-header="on"] .header {
	/*	left: 300px !important;*/
	transition: all .3s ease;
}

.header .btn.btn-icon[data-kt-toggle="true"] {
	/* display: none !important; */
}

#kt_header_search .material-icons.material-icons-2 {
	margin-left: 12px !important;
}


.appBackBtn {
	/* top: -18px;  */
	position: absolute !important;
	transition: all ease 0.3s;
	z-index: 99 !important;
}

	.appBackBtn .btn.btn-icon.btn-sm .material-icons::before {
		background: transparent !important;
	}

	.appBackBtn:hover {
		margin-left: -5px !important;
		transition: all ease 0.3s;
	}

.aside .menu .menu-active .menu-title {
	cursor: pointer !important;
}

#kt_header_search .material-icons.material-icons-style.material-icons-2.material-icons-primary {
	margin-left: 0 !important;
}

@media screen and (max-width: 768px) {
	.visibleMobileCol {
		word-break: inherit !important;
	}

	.buz-logo {
		display: block;
	}

	.content {
		padding: 1.75rem 1rem 0 1rem !important;
	}

	.card-body.iviewTableWrapper {
		padding: 0 !important;
	}

	#Language .menu.menu-sub.menu-sub-dropdown {
		z-index: 99999999 !important;
		position: fixed !important;
		transform: translate3d(201px, 70px, 0px) !important;
	}

	#kt_aside_footer .menu-title.poweredBy {
		font-size: 12px !important;
	}

	.aside .menu-column {
		margin-top: 0px !important;
	}

	.header.initialized {
		left: 0 !important;
		width: auto !important;
	}

	.aside-fixed[data-kt-sticky-header="on"][data-kt-aside-minimize="on"] .header {
		left: 0 !important;
		transition: all .3s ease;
	}

	
}


.menu-hover-bg-dark .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-hover-bg-dark .menu-item.hover > .menu-link:not(.disabled):not(.active) {
	transition: color .2s ease, background-color .2s ease;
	background-color: #2b3934;
	border-radius: 4px !important;
	padding-block: 10px !important;
}

.menu-state-white .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.menu-state-white .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title {
	color: #fff !important;
}

.menu-state-icon-warning .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style,
.menu-state-icon-warning .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style {
	color: #fff !important;
}

.menu-state-icon-warning .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style,
.menu-state-icon-warning .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .material-icons.material-icons-style {
	color: #2b3934 !important;
}

.menu-hover-bg-dark .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon,
.menu-item.hover .menu-link .menu-icon {
	background: #fff !important;
	width: 30px;
	height: 30px;
	border-radius: 50px;
}

.menu-item .menu-link .menu-icon {
	width: 30px;
	height: 30px;
}


#Zishtha .mh-50px {
	max-height: 45px !important;
	padding-right: 12px;
	margin-left: 0 !important;
}
.btn.btn-icon:not(.btn-sm) .material-icons::before {
	background: transparent !important;
}

#kt_aside_footer .menu-link {
	position: relative;
	left: 10px;
}

.btn-check:active + .btn.btn-active-color-primary .material-icons.material-icons-style,
.btn-check:checked + .btn.btn-active-color-primary .material-icons.material-icons-style,
.btn.btn-active-color-primary.active .material-icons.material-icons-style,
.btn.btn-active-color-primary.show .material-icons.material-icons-style,
.btn.btn-active-color-primary:active:not(.btn-active) .material-icons.material-icons-style,
.btn.btn-active-color-primary:focus:not(.btn-active) .material-icons.material-icons-style,
.btn.btn-active-color-primary:hover:not(.btn-active) .material-icons.material-icons-style,
.show > .btn.btn-active-color-primary .material-icons.material-icons-style {
	color: #2c4e9f !important;
}

#AllUserOptions {
	border: 1px solid #ececec;
	background: #8cca612e;
}

	#AllUserOptions span {
		color: #0774fe !important;
	}

.material-icons.material-icons-primary.material-icons-style {
	color: #2b3934 !important;
}

.menu.menu-sub.menu-sub-dropdown .col-md-4.col-sm-6.col-6 {
	border-right: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
}

#Logout .menu-link:before {
	content: "\e8ac";
	position: relative;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-right: 12px;
}

#ChangePassword .menu-link::before {
	content: "\e73c";
	position: relative;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-right: 12px;
}

#Language .menu-link::before {
	content: "\e8e2";
	position: relative;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-right: 12px;
}

#About .menu-link::before {
	content: "\e88e";
	position: relative;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-right: 12px;
}

#GlobalParams .menu-link::before {
	content: "\e429";
	position: absolute;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-left: -29px;
}


#GlobalParams a {
	padding-left: 37px !important;
}

#userLastLoggedIn .menu-content::before {
	content: "\ea77";
	position: absolute;
	font-family: "Material Icons Outlined";
	font-size: 19px;
	font-weight: normal;
	margin-left: -32px;
	margin-top: 8px;
}

#userLastLoggedIn .menu-content {
	padding-left: 43px !important;
}

#userLastLoggedIn .setting-caption {
	font-size: 12px;
	color: #909090;
	margin-bottom: 5px;
	/*! display: block !important; */
	/*! width: 100%; */
}



#userLastLoggedIn .menu-content {
	display: flex !important;
	flex-direction: column;
	flex: 1;
	text-align: left !important;
	align-items: start !important;
	/* padding-top: 35px; */
	padding-top: 18px;
}

#GlobalParams a.menu-link,
.menu-gray-800 .menu-item .menu-link {
	color: #3f4254 !important;
}

.aside .menu .menu-title {
	font-weight: 700;
}

#kt_aside_footer {
	padding-bottom: 0 !important;
}

.aside.aside-default::after {
	content: "";
	background: #e5e6e4;
	position: absolute;
	width: 400px;
	height: 100%;
	z-index: -1;
	mix-blend-mode: color-burn;
	opacity: 0.1;
	/* bottom: 38px; */
	left: -65px;
}

.appBackBtn .btn.btn-icon {
	border: 1px solid #e5edf4 !important;
	position: absolute;
	top: -11px;
	left: 10px;
	border-radius: 4px;
	background: aliceblue;
}

.menu-item.menu-accordion.hover.show .menu-sub.menu-sub-accordion.menu-active-bg.show {
	padding-left: 28px;
	border: 1px dashed #c6ced7;
}

.menu-fit .menu-sub:not([data-popper-placement]) > .menu-item > .menu-sub:not([data-popper-placement]) > .menu-item > .menu-link {
	padding-left: 0;
	padding-right: 0;
}

[data-kt-aside-minimize="on"] .aside.aside-hoverable:hover {
	transition: width .3s ease;
	/* width: 90px; */
	width: 300px;
	box-shadow: 5px 0 10px #1f2b4854;
	/* white-space: nowrap; */
}

.mainHeading {
	font-size: 17px !important;
}

.border-hover-warning:hover {
	border-color: #0774fe !important;
}







#userProfile .symbol {
	display: none;
}














#notificationPanel .btn {
	border: 1px solid #ebedf1;
	border-radius: 50px;
	width: 24px;
	height: 64px;
	background: #ebf4ff;
}





#Avatar_Icon_Drop {
	margin-left: 0 !important;
	margin-right: 15px;
}

#userProfile-Dropmenu span {
	margin-left: 0;
}

#userProfile-Dropmenu {
	padding-top: 20px;
}

#Profile-Menu {
	background: #e8f3e07a;
	cursor: pointer;
}

	#Profile-Menu:hover {
		background: beige !important;
	}

#My_Profile {
	padding-top: 10px;
	padding-left: 15px !important;
	padding-bottom: 10px;
}

#Avatar_Icon_Drop {
	margin-left: 0 !important;
	margin-right: 15px;
}

#userProfilePic_drop {
	width: 40px;
	height: 40px;
}

#ProfileDropdown .menu-item:last-child {
	border-bottom: 0;
}

#ProfileDropdown {
	padding-top: 0px !important;
}
/* .menu-link a[title="Home"]{ */
	/* width: -webkit-fill-available; */
/* } */


/* tline ends */

#developerworkbench .material-icons {
	color: #dc0f0f;
}

#configurationStudio .material-icons {
	color: #5c47c4;
}

#ImportData .material-icons {
	color: #246fdb;
}

#ExportData .material-icons {
	color: darkcyan;
}

#arrangeCards .material-icons {
	color: blueviolet;
}

#refreshMenu .material-icons {
	color: tomato;
}

#refreshVarParam .material-icons {
	color: #14b476;
}

#qrCodeBtnWrapper .material-icons {
	color: darkmagenta;
}

#executionLog .material-icons {
	color: darkgoldenrod;
}

#showLog .material-icons {
	color: blue;
}

.notif-new {
	width: 22px;
}

.UserOptions a {
	border: 1px dashed #eeeeee !important;
	padding-block: 25px !important;
}

#showLog a:first-child {
	padding-bottom: 0 !important;
}

#Zishtha h3 {
	display: none !important;
}

.UserOptions img {
	width: 40px;
	height: 40px;
	margin-bottom: 15px;
}

.UserOptions .material-icons {
	display: none;
}

.UserOptions .divSubTitle {
	font-size: 12px !important;
	color: #A3A3A3 !important;
}

.UserOptions .divTitle {
	font-size: 14px !important;
	font-weight: 600 !important;
}

#mainProfileIcon .icon.icon-account {
	width: 15px;
}

#AllUserOptions .notif-new {
	width: 20px !important;
}

.UserOptions.menu.menu-sub.menu-sub-dropdown {
	box-shadow: 0 20px 35px 5px #ccc !important;
	border: 1px solid #ececec;
}

.text-hover-primary:hover {
	transition: color .2s ease,background-color .2s ease;
	color: #0b6444 !important;
	background: #f5f8fa !important;
}

.symbol-label.bg-light {
	background: #f2f2f2;
	border-radius: 50px !important;
}

div[data-kt-search-element] a.mb-5 {
	margin: 0 !important;
	padding-block: 10px;
	margin-bottom: 1px !important;
}

#My_Profile .fs-5.text-break {
	color: green;
}

.menu-sub-dropdown {
	box-shadow: 0 18px 50px 0 rgba(82,63,105,.30) !important;
	border-radius: 8px !important;
}

.UserOptions #qrCodeBtnWrapper .menu-sub img {
	width: auto !important;
	height: auto !important;
}







/* Header Customization */
#kt_header_search .vr {
	display: none !important;
}

/* .search-bar {
	margin-left: 10%;
} */

.header .container-fluid {
	padding-left: 5px;
	padding-right: 5px !important;
}

.header div:has(.initialized.active) #mobileAxAppLogo .divTitle {
	width: 200px !important;
}

.header div:has(.initialized) #mobileAxAppLogo .divTitle {
	width: 60px !important;
}

#AxNickName, #AxUserEmail {
	/* width: 130px; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis !important;
	/* max-width: 130px !important; */
	max-width: 300px !important;
	display: block !important;
}




.Application_Parameter-Items {
	color: #333 !important;
	font-size: 13px !important;
	margin-right: 15px;
	border-right: 1px solid #dcdcdc5e;
	padding-right: 15px;
	font-weight: 600;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: table-cell;
}

.Application_Parameter-Section {
	position: absolute;
	top: 50px;
	padding: 5px;
	padding: 0 15px !important;
	right: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 400px;
	width: 400px;
	display: flex !important;
	right: 0;
	justify-content: end;
}


.Application_Parameter_Wrapper {
	overflow: hidden;
}

.Application_Parameter-Items:last-child {
	padding-right: 0;
	border: 0;
}

.header.initialized.h-60px {
	height: 70px !important;
	flex-direction: column;
	overflow: hidden;
}

#AllUserOptions, #mainProfileIcon {
		width: 25px !important;
	height: 25px !important;
}
.Application_Parameter-Items:hover {
	text-decoration: underline !important;
}


#Header_Top {
	background: #f8f9fa;
	display: flex;
	justify-content: space-between;
	padding-inline: 24px;
	align-items: center;
	display: none;
}

.Product-Title {
	font-size: 14px;
	font-weight: bold !important;
	margin: 0 !important;
	padding-left: 10px;
	color: #333;
	text-transform: uppercase;
}

.header.initialized.h-60px {
	padding-left: 0 !important;
}

#Product_logo {
	align-items: center;
	display: flex !important;
}

.header .container-fluid {
	height: 50px !important;
}

.header .container-fluid {
	padding-left: 10px !important;
}








.header div:has(.initialized) #mobileAxAppLogo .divTitle {
	width: 200px !important;
}

.header div:has(.initialized.active) #mobileAxAppLogo .divTitle {
	width: 300px !important;
}



#userProfile {
	padding-inline: 0 !important;
}

.header .container-fluid {
	padding-right: 25px !important;
}

#AxUserEmail {
	display: none !important;
}

#AxNickName span {
	font-size: 14px;
}





/* Banner customization */

.Axpert_logo {
	margin: 10px 20px;
	overflow: hidden;
}





.header div:has(.initialized.active) #kt_header_search.w-lg-500px {
	width: 500px !important;
}

.header div:has(.initialized) #kt_header_search.w-lg-500px {
	width: 400px !important;
  }
  @media screen and (max-width: 1300px) {
	  
  .search-bar {
	  margin-left: 5%;
  }
  .header div:has(.initialized) #mobileAxAppLogo .divTitle {
	  width: 150px !important;
  }
  #mobileAxAppLogo h3.divTitle {
	  font-size: 17px !important;
  }
  }
  /*Arabic*/

.btextDir-rtl .aside .menu .menu-fit {
	padding: 0px 10px 0px 17px !important;
}
.btextDir-rtl #kt_aside_footer .menu-link {
	left: -7px;
}

.btextDir-rtl #kt_header_search .material-icons.material-icons-2.translate-middle-y {
	margin-right: 32px !important;
}
.btextDir-rtl #globalSearchinp {
	padding-right: 3rem !important;
}
.btextDir-rtl #userLastLoggedIn .menu-content {
	padding-right: 43px !important;
}
.btextDir-rtl #userLastLoggedIn .menu-content::before {
	margin-right: -32px;
}
.btextDir-rtl #GlobalParams a {
	padding-right: 37px !important;
}
.btextDir-rtl #GlobalParams .menu-link::before {
	margin-right: -34px;
}

.btextDir-rtl #About .menu-link::before,.btextDir-rtl #Language .menu-link::before,.btextDir-rtl #ChangePassword .menu-link::before,
.btextDir-rtl #Logout .menu-link::before {
	margin-right: -6px;
	margin-left: 15px;
}

/*Arabic*/



/* App GLobal Params */
#GlobalParams .menu-sub tr,#AppGlobalParams.menu-sub tr {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
	padding-block: 10px !important;
  }
  #GlobalParams .menu-sub tr td:nth-child(2),#AppGlobalParams.menu-sub tr td:nth-child(2) {
	display: none;
}

#GlobalParams .menu-sub tr td, #AppGlobalParams.menu-sub tr td {
	border: 0 !important;
	padding-block: 0;
	font-size: 12px;
}

	#GlobalParams .menu-sub tr td:nth-child(3), #AppGlobalParams.menu-sub tr td:nth-child(3) {
		font-weight: bold !important;
		font-size: 14px;
	}

#GlobalParams, #AppGlobalParams {
width: 300px;
}

#GlobalParams .menu-sub.menu-sub-dropdown, #AppGlobalParams.menu-sub.menu-sub-dropdown {
	height: 98vh;
	overflow: scroll;
}

#AppGlobalParams.menu-sub.menu-sub-dropdown {
	padding: 25px !important;
	width: 250px !important;
	margin-right: 55px !important;
	height: 86vh !important;
}
/* App GLobal Params */


@media screen and (max-width: 768px) {

	.Application_Parameter-Items {
		font-size: 12px !important;
	}
	.header div:has(.initialized.active) #kt_header_search.w-lg-500px {
		width: auto !important;
	}
	.Application_Parameter-Section {
		justify-content: center;
	}
	
	
}


  ::-webkit-scrollbar-track {
	background: transparent;
  }
  ::-webkit-scrollbar-thumb {
	background-color: rgba(155, 155, 155, 0.5) !important;
	border-radius: 20px;
	border: transparent;
  }
  div::-webkit-scrollbar, html::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, table::-webkit-scrollbar, ul::-webkit-scrollbar {
    width: 2px !important;
    height: 4px !important;
}
div::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb, table::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
    background-color: #524f6447 !important;
}